<template>
<div>
  <quill-editor ref="myTextEditor" v-model="content" :options="editorOption" ></quill-editor>
</div>
</template>

<script>
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'

import { quillEditor } from 'vue-quill-editor'
export default {
  name: 'lxl-quill-editor',
  data () {
    return {
      content: '',
      editorOption: {
        placeholder: '编辑文章内容'
      }
    }
  },
  components: {
    quillEditor
  },
  methods: {
    onEditorChange ({ editor, html, text }) {
      this.content = html
    }
  }
}
</script>

<style scoped>

</style>
